@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;} 
body{font-family:Microsoft Yahei,Verdana, Geneva, sans-serif; font-size:14px; line-height:24px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;overflow:hidden;}
a{outline:none;cursor:pointer;color:#222;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a,img{border:none;-ms-interpolation-mode: bicubic;}
li{list-style-type:none;}
/* position */
.ption_r {position:relative;}
.ption_a {position:absolute;}
.f_left{float:left;}
.f_right{float:right;}
.clearfix:before, .clearfix:after {content:""; display: table; }
.clearfix:after {clear: both;}
.clearfix {zoom: 1; }
.hid,.qqdiv{display:none;}

header,footer{display: block;}
.zoomWallpaperGrid img{position: absolute;top: 0;left: 0;z-index:-999;width:100%;height:100%;}
header{width:100%;height:50px;background:rgba(0,0,0,0.7); background-size:auto 50px;}
.bo_logo{width:212px;height:54px;background:url(../images/logo.png) left no-repeat;_background:url(../images/logo.gif) left no-repeat;text-indent:-600px;overflow:hidden;}
.nav_btn{height:20px;line-height:20px;padding:0 10px;border-radius:3px;background:url(../images/btn.jpg) left repeat-x;margin:15px 10px 0 10px;}
.nav_btn:hover{color:#f00;}
header span{padding-top:13px;color:#ccc;}
header .f_right img{width:18px;height:18px;float:left;margin-top:4px;}
header span a{color:#fff;margin-right:20px;}
header span a:hover{color:#ff0;}
#Roomeset{background:url(../images/gear.png) left no-repeat;margin: 0 10px;padding-left:18px;}
#topqq{margin-left:50px;overflow:hidden;width:610px;height:26px;}
#topqq,#topqq i,#topqq a{float:left;}
#topqq a{margin-right:10px;}
#topqq i{font-style:normal;}
#btlogin{background-color:#0a0; padding:5px;}
#btlogin,#btreg{width:40px;height:14px;margin-right: 10px;line-height:14px;display:inline-block;text-align: center;}
#btreg{background-color:#f00; padding:5px;width:60px;}
#error .tcontent{color:#00c;text-shadow:none;}

#topqq2{background-color: #ff0;color: #f00;padding:2px 5px 0px 5px;display: none;}
#topqq2 a{margin-right:0px;}
.qqli{height:22px;line-height:22px;padding:5px 0;width:100%;}
.qqli a{text-decoration: underline;color: #00f;display:block;}
.qqli img{float:right;width:77px;height:22px;}
#main{width:100%;margin-top:9px;overflow:hidden;}
#user_use{width:192px;margin-left:8px;}
#toupiao{height:40px;background:url(../images/tp.png) left no-repeat;_background:url(../images/tp.gif) left no-repeat;}
#toupiao a{width:36px;padding-left:27px;display:block;color:#ff0;float:left;line-height:22px;margin-right:1px;}
#toupiao a em{display:block;color:#fff;line-height:14px;font-style:normal;}
/* 用户列表区样式 */
#user_list{background:rgba(0,0,0,0.3);margin-top:30px;padding-bottom:9999px; margin-bottom:-9999px;}
.user_ti{height:31px;line-height:31px;border-bottom:rgba(255,255,255,0.3) 1px solid;color:#fff;padding-left:5px;}
.u_ty{width:24px;height:24px;overflow:hidden;display:block;float:right;background:url(../images/ico.png) left no-repeat;font-size:0px;margin-top:3px;margin-right:2px;}
.all_u{background-position:0 1px;}
/*.manage_u{background-position:0 -38px;}*/
.manage_u{background:url(../images/kefu.png)  no-repeat;}
.friend_u{background-position:0 -86px;}
.u_ty:hover{margin-top:2px;}/*border:rgba(255,255,255,0.4) 1px solid;*/
.user_sh{margin:5px 0;width:100%;height:26px;}
.user_sh input{margin-left:5px;width:150px;float:left;height:18px;line-height:18px;background:rgba(0,0,0,0.3);border:none;padding:4px 5px;color:#eee;}
.user_sh a{background:rgba(0,0,0,0.3) url(../images/ico.png) -2px -200px no-repeat;width:22px;height:26px;display:block;float:left;font-size:0;}
#list_u{}
#list_u li{height:32px;line-height:32px;margin-top:1px;color:#fff;overflow:hidden;position:relative;padding-left: 5px;}
#list_u li:hover{background:rgb(170,190,205);}
#list_u li a{color:rgba(255,255,255,0.8);}
#list_u span{width:30px;display:block;height:28px;margin-top:1px;margin-right:5px;float:right;}
#list_u span img{width:100%;}
.te-img{width:23px;height:20px;margin-left:5px;margin-top:3px;float:left;}
#list_u .u_cur,#list_u .u_cur:hover{height:53px;background:rgb(205,218,229);color:#222;overflow:visible;}
#list_u .u_cur span{width:40px;height:40px;margin-top:4px;}
#list_u .u_cur a{color:#222;}
#list_u li p{padding-left: 5px;font-size:12px;width:144px;height:23px;line-height:23px;position:absolute;left:0;top:27px;}
#list_u .u_cur p a{float:left;display:block;color:#999;}
#list_u .u_cur p a:hover{color:#222;}
#list_u .u_cur p .u_mor{float:right;background:url(../images/ico.png) 25px -225px no-repeat;padding:0 18px 0 5px;margin-right:2px;}
#list_u .u_cur p .u_id{float:right;}
.talkto{background:url(../images/ico.png) 0 -133px no-repeat;padding:0 0px 0 22px;}
.talkto:hover{background-position:0 -163px;}
.like{background:url(../images/heart.png) left top no-repeat;width:16px;margin:3px 0 0 15px;font-size:0px;height:16px;}
.follow .like{background-position:left bottom;}
dl.umenu{display:none;position:absolute;right:0;top:53px;z-index:200;background:rgb(216,220,223);width:72px;font-size:13px;}
dl.umenu dd{height:27px;line-height:27px;padding-left:5px;}
dl.umenu dd:hover{background:rgb(233,234,236);cursor:pointer;}

/* 聊天区样式 */
#topic{background:rgba(0,0,0,0.3); left:0; top:0;margin-right:373px;margin-left:212px;}
.notice{height:31px;line-height:31px;border-bottom:rgba(255,255,255,0.3) 1px solid;color:#ff0;padding:0 10px;overflow:hidden;}
.topiccontent{float:left;width:100%;margin-top:5px;}
.r_btn{right:15px;top:30px;width:40px; text-align:center;z-index:8;}
.r_btn a{display:block;height:23px;line-height:23px;background:rgba(170,170,170,0.7);margin-top:8px;border-radius:3px;box-shadow: 1px 1px 3px #000;}
.r_btn a.cur{background:rgba(255,255,255,0.8);}
.talk{position:relative;clear:both;margin:5px;margin-right:2px;}
.talk span{display:block;width:40px;height:40px;position:absolute;left:0; top:5px;}
.talk_name,.talk_hua{margin-left:50px;}
.talk_name{color:#333;height:20x;line-height:20px;}
.talk_name a{margin-right:4px;color:rgba(255,255,255,0.8);float:left;}
.talk_name a.time{color:#333}
.talk_name a.dui{background-color:#EC781A;padding:0 4px; border-radius:4px;}
.talk_name img{width:23px;float:left;margin-right:4px;}
.talk_hua{margin-top:5px;}
.talk_hua p{color:#333;}
.talk_hua p,.shenhe,.delete{background:rgb(243,245,246);padding:3px;border-radius:3px;float:left;box-shadow: 1px 1px 3px #000;line-height:19px;}
.talk_hua p img{max-height:60px;width:auto;height:expression(this.height> 60 ? 60:true);margin-right:3px;}
.shenhe,.delete{background:rgb(243,15,16);margin-left:5px;color:#fff;}
.delete{float:right;display: none}
.clear{clear:both;}
.ared{color:#f00;font-weight:bold;}
#mCSB_1_scrollbar_vertical{margin-right:3px;}
/* 聊天区输入上端温馨提示 */
#warnmsg{height:18px;color:#f00;width: 100%;left: 0;bottom: 105px;position:absolute;}
#warnmsg p{margin:0 5px;background:#fff;padding-left:10px;}
/* 聊天区输入部分样式 */
#topicinput{width:100%;height:107px;left:0;bottom:5px;}
.tool_bar{margin:0 5px;background:rgb(243,243,243);height:37px; overflow:hidden;position:relative;}
.bar{padding:3px 5px 3px 22px;height:14px;line-height:14px;border:#ccc 1px solid;border-radius:2px;background:#fff;margin:7px 0 0 5px; display:inline-block;background:url(../images/tool.png) no-repeat;}
.bar:hover{border:#999 1px solid;}
.bar_1{background-position:4px 4px;}
.bar_2{background-position:4px -36px;}
.bar_3{background-position:3px -77px;}
.bar_4{background-position:4px -116px;}
.bar_5{background-position:4px -156px;}
.bar_1:hover{background-position:4px -201px;}
.bar_2:hover{background-position:4px -241px;}
.bar_3:hover{background-position:3px -282px;}
.bar_4:hover{background-position:4px -321px;}
.bar_5[select=true]{background-position:4px -361px;}
.tool_bar .s_right{position:absolute;right:3px;top:7px;background:rgb(243,243,243);padding-left:30px;}
.tool_bar select{margin:0 5px;}
.input_area{margin:0 5px;background:rgb(255,255,255);height:62px;position:relative;padding:5px 130px 0 5px;}
.input_area input{font-size:24px;padding:5px 0;width:100%;border:#fff 1px solid;outline:none;font-family:Microsoft Yahei}
.sub_btn{background:#aaa url(../images/sent.png) center center no-repeat; width:110px;height:55px;line-height:35px;display:block;border-radius:5px;font-size:0px;position:absolute;right:5px; top:5px;}
/* 表情、彩条 */
#face{background:#fff;border:rgb(146,146,142) 1px solid; border-radius:3px;padding:5px;width:252px;height:180px;position:fixed;box-shadow: 1px 1px 3px #000;z-index:20;}
#face dd{float:left;width:28px;height:28px;overflow:hidden;cursor:pointer;}
#face ul,#caitiao ul{height:22px; line-height:22px;background:#e4e4e3 url(../images/g_bg.jpg) left top repeat-x;position:absolute;left:0;bottom:0;width:100%;}
#face ul li,#caitiao ul li{float:left; padding:0 5px;border-left:#e4e4e3 1px solid;border-right:#e4e4e3 1px solid;}
#face ul li:hover,#face ul .f_cur,#caitiao ul li:hover,#caitiao ul .f_cur{background:#fff;border-color:#d9d9d8;cursor:pointer;}
#caitiao{background:#fff;border:rgb(146,146,142) 1px solid; border-radius:3px;padding:5px;width:70px;height:170px;left:73px;bottom:81px;box-shadow: 1px 1px 5px #666;}
#caitiao dd{background:#f8f6fe;height:22px; line-height:22px;text-align:center;cursor:pointer;}
#caitiao dd:hover{background:#4ca0d9;}

/* 图片上传 */
#myimage{background:#fff;border:rgb(146,146,142) 1px solid; border-radius:3px;padding:5px;width:450px;height:200px;left:24px;bottom:89px;box-shadow: 1px 1px 5px #666;}
#myimage dd{border:solid #000 1px;float:left;width:100px;height:80px;overflow:hidden;cursor:pointer;margin-right:5px;}
#myimage .mCSB_draggerRail{background-color: rgba(25, 25, 25, 0.1);}
#myimage .mCSB_dragger_bar{background-color: rgba(0, 0, 0, 0.5);}
/* 视频区样式 */
#me_use{width:346px;right:15px; top:0;}
.sp_ti{height:27px;line-height:27px;background:rgba(0,0,0,0.5);padding-top:4px;}
.sp_ti span{float:left;width:100px;display:inline-block;text-align:center;background:rgba(255,255,255,0.3);margin-left:2px;color:#fff;}
.sp_ti a{float:left;color:#fff;margin-left:10px;}
.sp_ti span a{float:none;margin:0;}
#videolink{float:left;padding-left:70px;}
#livenotice{float:right;width:300px;display:inline-block;color: #ff0;margin-right:10px;}
#shiping {margin-top:1px;height:320px;background:rgba(0,0,0,0.5);position:relative;}
#shiping img{width:100%;height:320px;}
#shiping-shelte{width:100%;height:100%;color:#fff;background-color:#222;font-size: 16px; }
#shiping-shelte p{text-align: center;padding-top: 160px;}
#kefu{margin-top:10px;background:rgba(0,0,0,0.5);overflow:hidden;}
.kefu_ti{border-bottom:rgba(255,255,255,0.5) 1px solid;height:31px;line-height:31px;}
.kefu_ti a{width:100px;text-align:center;height:27px;line-height:27px;margin-top:4px;display:inline-block;background:rgba(0,0,0,0.5); color:#fff;margin-left:2px;}
.kefu_ti .write{background:rgba(255,255,255,0.3);}
#kefu_con{z-index:2;position:relative;}
#kefu_con ul{padding-bottom:10px;}
#kefu_con li{float:left;width:77px;height:22px;margin:10px 0 0 12px;}
#kefu_con li a{display:block;}
 #kefunavdiv{float:left}
 
#hd_con{}
.hd_input{margin:5px 5px 0 5px;height:40px;padding:0 5px; background:#fff;position:relative;}
.hd_input input{width:100%;height:18px;line-height:18px;padding:10px 0;border:#fff 1px solid; outline:none;}
.hd_input a{position:absolute;right:5px;top:5px;width:60px;height:30px;line-height:30px;background:rgb(244,107,10);color:#fff; font-size:16px;text-align:center;border-radius:3px;}
.hd_input a:hover{background:#f30;}
#hd_con ul{padding:5px;}
#hd_con li{line-height:18px;margin-top:5px;font-size:13px;background:rgb(32,30,30);position:relative;color:#fff;min-height: 45px}
#hd_con li span{width:105px;position:absolute;left:5px;top:5px;border-right:#666 1px solid;color:#ff0;}
#hd_con li i{font-size:10px;font-style:normal;display:block;color:#999;}
#hd_con li p{padding:5px 5px 5px 118px;}
/*
#hd_con li:hover{background:rgb(243,243,243);color:#222;}
#hd_con li:hover span{background:rgb(243,243,243);color:#f60;}
*/
#sidebar{width:50px;height:100%;background:rgba(0,0,0,0.5); right:0; top:0;display:block;}
#sidebar ul{}
#sidebar li{padding:3px 0;text-align:center;margin-top:5px;border-bottom:rgba(0,0,0,0.5) 1px solid;text-align:center;}
#sidebar a{display:block;height:55px;line-height:16px;font-size:12px;color:#ccc;}
#sidebar a:hover{color:#ff0;}

footer{position:fixed;z-index:14;bottom:0;left:0;width:100%;height:50px;line-height:50px;background:rgba(0,0,0,0.7);color:#fff;}
footer a{color:#fff;}
footer a:hover{color:#ff0;}
.pl_15{padding-left:15px;}
.pr_15{padding-right:15px;}

/* 弹出 */
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}
/* 设置 */
#r_set{width:500px;padding:5px 0 10px 0;}
#r_set li{float:left;width:230px;margin:8px 10px 0 10px;}
#r_set li span,#r_set li input[type=text]{display:block;width:100%;height:20px;line-height:20px;color:#999;}
#r_set li input{margin-top:5px;border:#ccc 1px solid;padding:5px 0;color:#666;border-radius:3px;}
#r_set li textarea{
margin-top: 5px;
border: #ccc 1px solid;
padding: 5px 0;
color: #666;
border-radius: 3px;
}
.articl{padding:10px;line-height:24px;text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.articl p{text-indent:2em;}
/* user center */
.us{background:url(../images/bg.jpg) center top repeat;}
.us_wrap{width:800px;margin:auto;}
.us_head{padding-top:15px;height:80px;}
.us_head span{float:right;line-height:80px;color:#fff;font-size:16px;}
.us_head span a{color:#ff0;font-weight:bold;}
.us_mian{background:rgba(255,255,255,0.75);padding:35px 0;border-radius:8px;}
.us_con{width:360px;margin:auto;*margin-top:-35px;}
.us_con li{clear:both;margin-top:15px;*margin-top:11px;position:relative;}
.us_con li .validform_check{position:absolute;right:5px;top:15px;}
.us_con li .validform_right{background:url(../images/right.png);width:16px;height:16px;}
.us_con li .validform_wrong{background:url(../images/wrong.png);width:16px;height:16px;}
.us_con li img{float:right;width:140px;height:40px;border:#ccc 1px solid;}
.us_con .areg{width:358px;margin: auto;height:40px;line-height:40px;font-size:18px;color:#fff;display:block;text-align:center;background:#5CB85C;border:#4CAE4C 1px solid;border-radius:3px;}
.red{color:rgb(215,55,57);}
.us_input{border-radius:4px;font-size:16px;}
.text_input{width:328px;height:16px;line-height:16px;padding:15px; border:#ccc 1px solid;}
.btn_input{width:358px;height:46px;line-height:46px;border:rgb(201,0,0); background:rgb(215,55,57);*border:none; color:#fff;font-size:20px;font-weight:bold; cursor:pointer;}
.btn_input:hover{background:rgb(201,0,0);}
.us_con .third_log{clolr:#666;height:30px; line-height:30px;}
.third_log span,.third_log a{ float:left;}
.third_log a,.third_log a:hover{background-size:30px 30px;width:30px;height:30px;display:block;font-size:0px;margin-left:10px;}
.qq{background:url(../images/qq_b.png) no-repeat;}
.qq:hover{background:url(../images/qq_a.png) no-repeat;}
.weibo{background:url(../images/wb_b.png) no-repeat;}
.weibo:hover{background:url(../images/wb_a.png) no-repeat;}
.code_input{width:200px;}
.us_con .getcode{width:116px;display:inline-block;text-align:center;height:48px;line-height:48px;border:#ccc 1px solid;background:url(../images/btn.jpg); background-size:116px 48px;}
.getcode:hover{color:#f00;}

.us_mian .hd_input{margin:0 15px;}
.hd_list{padding:15px;}
.hd_list li{min-height:50px;border-bottom:rgb(144,192,240) 1px solid;position:relative;padding:8px 0;color:#222;}
.hd_list li span.hd_span{width:110px;display:block;text-align:right;position:absolute;left:0;top:8px;color:#666;}
.hd_list li i{display:block;font-style:normal;font-size:10px;}
/*.hd_list li p{padding-left:125px;}*/
.hd_list li .content{padding-left:125px;float: left}

/*私聊*/
.btn-notice{position:absolute;right:0px;bottom:0px;cursor:pointer;width:140px;height:60px;padding:10px;z-index:19;background:rgb(40,150,210);font-size:14px;line-height:30px;color:#fff;}
.btn-notice img{float:left;width:30px;height:30px;margin-right:0px;}
.btn-notice strong{font-size:16px;}
.btn-notice i{position:absolute;right:0;top:0;background-color:rgb(152, 215, 249)}
.btn-notice i:hover{background-color:rgb(152, 215, 249)}
.btn-notice span strong{display:inline-block;height:25px;width: 110px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.btn-notice.red{width:170px;height:80px;background:rgb(200,50,50);}
.btn-notice.red i{background-color:rgb(232, 10, 10)}
.btn-notice.red i:hover{background-color:rgb(232, 75, 79)}
.btn-notice.shaked{margin-right: 3px;margin-bottom: 3px;}
.icon-close{background:url(../images/icon-close1.png) center no-repeat;width:20px;height:20px;cursor:pointer;}
.icon-close:hover{background:url(../images/icon-close1-over.png) center no-repeat;}
#Talkbox{position: fixed;z-index:19;top: 50%;left: 50%;margin: -210px 0 0 -300px;box-shadow:0px 0px 5px #000;width:600px;height:420px;background:rgba(255,255,255,0.9);overflow:hidden;}
#Talkbox dl{float:left;width:120px;position:absolute;left:0;top:0;background-color:rgb(67,158,208);margin-bottom:-999px;padding-bottom:999px;font-size:12px;}
#Talkbox dd{height:20px;line-height:20px;padding:8px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*white-space:auto;*height:36px;*line-height:36px;*padding:0 5px;}
#Talkbox dd i{float:right;display:none;*margin-top:8px;}
#Talkbox dd img{float:left;margin-top:-1px;width:20px;*margin-top:8px;}
#Talkbox dd.cur{background-color:rgb(152, 215, 249)}
#Talkbox dd.cur i{display:block;}
#Talkbox dd.newmsg{background-color:rgba(255, 95, 95,0.8);*background-color:rgb(255, 95, 95);font-weight: bold;}
#TalkCon{margin-left:120px;position:relative;height:420px;}
#TalkName{height:19px;line-height:19px;padding:8px;border-bottom:#ccc 1px solid;background:#ddd;padding-left:20px;font-size:16px;}
#TalkName i{float:right;background-color:#ccc}
#TalkName img{width:20px;}
#TalkCon .msgpanel{height:330px;}
#TalkCon ul{padding:10px;}
#TalkCon li{position:relative;margin-top:10px;display:block;}
#TalkCon li img.roleimg{position:absolute;left:0px;top:5px;width:40px;height:40px;}
#TalkCon li span,#TalkCon .TalkCon_p{padding-left:45px;line-height:18px;}
#TalkCon .TalkCon_p{padding-top:5px;background:url(../images/icon-talk.gif) 60px top no-repeat;}
#TalkCon .TalkCon_p span{padding:5px 8px;min-width:30px;max-width:380px;background-color:rgb(152, 215, 249);border-radius:5px;display:inline-block;width:auto;word-break:break-all;}
#TalkCon .TalkCon_p img{border: none;}
#TalkCon .mine{text-align:right;}
#TalkCon .mine img.roleimg{left:auto;right:0px;}
#TalkCon .mine span{padding-left:0px;padding-right:45px;}
#TalkCon .mine .TalkCon_p{padding:5px 45px 0 0;background:url(../images/icon-talk.gif) 385px top no-repeat;}
#TalkCon .mine .TalkCon_p span{padding:5px 8px;text-align:left;}
#TalkCon .talktime{height:24px;line-height:24px;color:#999;font-size:12px;text-align:center;}
#TalkCon .talkhistory{background:url(../images/talkhistory.png) center no-repeat;}
#Talkinput{position:absolute;bottom:0;left:0px;height:50px;border-top:#ccc 1px solid;width:480px;background:#fff;}
.faceShow{float:left;display:block;width:40px;height:50px;border-right:#eee 1px solid;background:url(../images/tool.png) 10px -18px no-repeat;font-size:0;overflow:hidden;text-indent:-20px;}
.faceShow:hover{background-color:#ddd;border-right:#ccc 1px solid;}
.Talkinputarea{float:left;width:356px;height:27px;line-height:27px;padding:10px 5px;border:1px solid #fff;font-size:16px;}
.Talksentbtn{position:absolute;bottom:0;right:0; width:70px;height:50px;line-height:50px;border:none;background-color:rgb(67,158,208);color:#fff;cursor:pointer;font-size:16px;font-weight:600;}

@media screen and (max-width:1600px){
#topic{margin-right:275px;}
#me_use{width:296px;}
#shiping{height:320px;}
#shiping img{width:100%;height:320px;}
/*
header{height:50px;background-size:auto 50px;}
.bo_logo{width:168px;height:42px;background-size:auto 42px;}
header span{padding-top:8px;}
*/
.nav_btn{padding:0 8px;margin:10px 8px 0 8px;}
footer{height:40px;line-height:40px;}
#main{width:100%;margin-top:5px;}
#me_use{right:4px;}
#kefu{margin-top:5px;}
#user_use{margin-left:5px;}
#topic{margin-right:306px;margin-left:202px;}
#user_list{margin-top:px;}
#btlogin{margin-right: 60px}
}

@media screen and (max-width:1366px){
#topic{margin-right:275px;}
#me_use{width:266px;}
#shiping{height:360px;}
#shiping img{width:100%;height:360px;}
footer{height:30px;line-height:30px;}
#btlogin{margin-right: 40px}
}

@media screen and (max-width:880px){
#topqq{width:240px;}
#user_use{display:none;}
#topic{margin-right:261px;top:55px;margin-left:5px;}
#me_use{right:5px; top:55px;}
#sidebar{width:100%;height:50px;background:rgba(0,0,0,0.5); right:0; top:0;display:block;overflow:hidden;}
#sidebar li{width:50px;float:left;text-align:center;margin:0;border-right:rgba(0,0,0,0.5) 1px solid;}
#sidebar a{display:block;font-size:0px;padding-top:5px;}
.us_wrap{width:100%;border-radius:0px;}
#btlogin{margin-right: 20px}
#warnmsg{display: none;}
}

@media screen and (max-width:598px){
header{height:30px;background-size:auto 30px;}
.bo_logo{width:122px;height:32px;background-size:auto 32px;}
.nav_btn{padding:0 5px;margin:5px 8px 0 8px;}
header span{padding-top:2px;}
.zhaomin,.sp_ti,.notice,#kefu,#sidebar,footer,.tool_bar,#topqq{display:none;}
#me_use{width:100%;right:0;top:0px;}
#shiping{height:300px;}
#shiping img{width:100%;height:300px;}
#topic{margin:0;top:300px;}
.us_mian{padding:10px 0;}
#topicinput{height:42px;bottom:0px;}
#kf_content{width:100% !important;}
.qqdiv{display:block;position:fixed;top:42px;left:0;width:100%;height:24px;overflow:hidden;z-index:9999;text-align:center;}
.qqdiv a{margin:0 5px;display:inline;}
.qqdiv img{height:22px;width:auto;}
.input_area{0px 5px 50px 5px}
#favlink{display:none;}

#ykname,.adminsbt{display:none;}
#topqq2{display: inline-block;}
#btlogin{margin-right: 10px}

/*私聊*/
#Talkbox{margin: -160px 0 0 -240px;width:480px;height:320px;}
#TalkCon{height:320px;}
#Talkinput{width:360px;}
.Talkinputarea{width:236px;}
#TalkCon .msgpanel{height:230px;}
/*公聊输入框*/
.input_area{height:42px;}
.input_area input{font-size:16px;}
.sub_btn{height:35px;}
}

@media screen and (max-width:480px){
#shiping{height:240px;}
#main{margin:0;}
#topic{margin:0;top:240px;}
.us_head{height:50px;padding-top:5px;}
.us_head img{width:150px;height:auto;}
.us_head span{line-height:50px;}
.us_mian{padding:0 0 10px 0;}
.us_con{width:100%;}
.us_con li{padding:0px 10px;margin-top:10px;}
.us_input{border-radius:3px;font-size:1em;}
.text_input{width:100%;height:36px;line-height:36px;padding:0;}
.btn_input{width:100%;height:36px;line-height:36px;font-size:1em;}
.code_input{width:70%;}
.us_con .getcode{width:28%;height:36px;line-height:36px;}
header span a {margin-right: 10px;}
.talk{padding-top:5px;margin:2px;font-size:13px;}
.qqdiv{top:35px;}
#ykname,.adminsbt{display:none;}
#topqq2{display: inline-block;}

/*私聊*/
#Talkbox{position: fixed;z-index:19;top:0;left:0;margin:3%;width:94%;height:94%;}
#Talkbox dl{float:left;width:60px;}
#Talkbox dd{height:31px;line-height:31px;padding:0 2px;overflow:hidden;}
#Talkbox dd i{float:right;display:none;margin-top:5px;}
#Talkbox dd img{display: none;}
#Talkbox dd.cur{background-color:rgb(152, 215, 249)}
#Talkbox dd.cur i{display:block;}
#TalkCon{margin-left:60px;height:100%;}
#TalkName{height:19px;line-height:19px;padding:6px 8px;border-bottom:#ccc 1px solid;background:#ddd;padding-left:20px;font-size:16px;}
#TalkName i{float:right;background-color:#ccc}
#TalkCon ul{padding:0 5px;}
#TalkCon li{position:relative;margin-top:5px;display:block;}
#TalkCon li img.roleimg{position:absolute;left:0px;top:0px;width:20px;height:20px;}
#TalkCon li p{padding-left:25px;line-height:18px;}
#TalkCon .TalkCon_p,#TalkCon .mine .TalkCon_p{padding:0;margin-top:2px;}
#TalkCon li span{padding:0 0 0 22px;}
#TalkCon .mine span{padding-left:0px;padding-right:25px;}
#TalkCon .talktime{height:24px;line-height:24px;color:#999;font-size:12px;text-align:center;}
#TalkCon .talkhistory{background:url(../images/talkhistory.png) center no-repeat;}
#Talkinput{left:0px;height:40px;width:100%;}
.faceShow{width:34px;height:40px;background:url(../images/tool.png) 8px -24px no-repeat;}
.Talkinputarea{width:80%;height:28px;line-height:28px;padding:5px;}
.Talksentbtn{height:40px;line-height:40px;}
} 
@media screen and (max-width:340px){
#loginstatus a{margin-right: 3px;}
#topqq2{margin-right: 3px;}
#TalkName{font-size: 14px;padding-left: 10px;}
.Talkinputarea{width:120px;}
}

.flyscreen{font-size:30px;display:none;left:200px;position:fixed;line-height: 30px}
.flyscreen_0{color:#C1DB43;}
.flyscreen_1{color:#c00;}
.flyscreen_2{color:#2451E0;}
.flyscreen_3{color:#269351;}
.flyscreen_4{color:#7E0FBE;}

/*用户发言大图*/
.tbox .tinner .tcontent img{max-width: 1000px;max-height:500px;} .tinner{max-width:1000px; max-height:500px;}




.lottery{position: fixed;z-index:9999;top: 50%;left: 50%;margin: -140px 0 0 -200px;box-shadow: 1px 1px 3px #000;display:block;width:400px;height:280px;background:url(../images/lottery.jpg) right bottom no-repeat;}
.lottery h2{color:#ff0;height:31px;line-height:31px;padding:15px 0 0 15px;text-align:center;font-size:24px;}
.lottery img#cls {position: absolute;width: 20px;height: 20px;top: 0px;right: 0px;overflow: hidden;text-indent: -99px;cursor: pointer;}
.lottery ul{padding-top:60px;}
.lottery li{margin:10px 20px;line-height:40px;height:40px;color:#fff;text-align:center;font-size:40px;border:#fff solid 3px;padding:10px 20px;background:rgba(112,1,0,0.6);border-radius:3px;}
.lottery li span{float:left;}
.lottery li span.uname{width:250px;height:40px;display:inline-block;font-size:24px;margin-left:10px;overflow: hidden;text-overflow:ellipsis;}
.lottery li.win{border:#ff0 solid 3px !important;}
.lottery li.win span.uname{font-weight:bold;color:#ff0;}
#lotteryresult{color:#DF8800;padding:0 15px;font-size:14px;}





/*投票*/
.hide{display:none;}
.show{display:block;}
.toupiao{padding:2px 0;height:40px;background:#fff;}
.toupiao a{float:left;width:56px;padding-right:6px;height:40px;text-align:right;margin-right:1px;display:block;color:#ff0;line-height:22px;background:url(../images/tp.png) left no-repeat;}
.toupiao a em{display:block;color:#fff;line-height:14px;font-style:normal;}
.toupiao a.t_up{margin-left:2px;}
#w_3 .t_up{background-position:0 0;}
#w_3 .t_leve{background-position:-64px 0;}
#w_3 .t_down{background-position:-128px 0;} 
#w_4 .t_up{background-position:0 -42px;}
#w_4 .t_leve{background-position:-64px -42px;}
#w_4 .t_down{background-position:-128px -42px;}
#w_5 .t_up{background-position:0 -84px;}
#w_5 .t_leve{background-position:-64px -84px;}
#w_5 .t_down{background-position:-128px -84px;}

.mt{height:33px;clear:both;}
.mt li{margin-right:1px;margin-top:3px;font-size:14px;width:61px;height:28px;text-align:center;line-height:28px;color:#333;background:#eee;border:1px solid #ccc;float:left;cursor:pointer;}
.mt .curr{background:#ffffff;color:#e4393c;height:32px;line-height:32px;font-weight:bold;margin-top:0;-moz-box-shadow:2px 0 2px #DDDDDD; -webkit-box-shadow:2px 0 2px #DDDDDD;box-shadow:2px 0 2px #DDDDDD;border-bottom:none;}


#regForm{  min-width:600px; display:none}
#regForm td{ padding:5px; font:14px/1.8 "微软雅黑";}
#regForm .input{ padding:5px; border:1px solid #b3b3b3; width:150px; line-height:22px; margin-right:5px}
#regForm  td img{ vertical-align:middle}
#regForm .reg_btn{ width:80px; display:inline-block; border-radius:5px; margin-right:10px;}
#regForm .regFormHead{ background:#5d5d5d; height:45px;}
#regForm .regFormHead .f1{width:20%; display:block;  color:#fff;font:20px/45px "微软雅黑"; text-align:center; background:#303030;float: left;}
#regForm .regFormHead .f2{width:80%;color:#fff;font:16px/45px "微软雅黑"; text-indent:15px;float: left;}

.qqalert .bts{position: absolute;width: 90%;height: 40px;bottom:0px;overflow: hidden;}
.qqalert .bts a{display: block;height: 32px;width:68px;text-align:center;color:#fff;float: left;text-decoration: none;padding:0px 10px;line-height: 32px;margin-left:85px;font-size:16px;}
.qqalert .bts a:hover{color: #ff0;}
.qqalert #reg{background:#C73C34; border-radius:2px; box-shadow:0 0 2px #555;}
.qqalert #login{background:#619958; border-radius:2px; box-shadow:0 0 2px #555;}
.qqalert #alertmsg{color:#666;font-size:16px; line-height:30px;text-shadow:3px 3px 2px #ddd; padding-top:8px;}
.qqalert .tinner{border:4px solid #AAA; position:relative; background-color:#F5F6F8;}
.qqalert .alert_title{width:100%; height:30px; line-height:30px; padding-bottom:5px;margin-bottom: 5px; border-bottom:1px dashed #DDD; color:#666; text-align:center; font-size:18px;display:block }
.qqalert .tclose{top:-11px; right:-14px;}
.qqalert .kflis{margin-top:10px;}
.qqalert .kflis li{float:left;margin-left:10px;}
